<template>
	<view class="empty-content">
		<image class="empty-content-image" src="/static/image/nodata.png" mode="aspectFit"></image>
		<text class="font32 color333">{{title || '暂无数据'}}</text>
	</view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	props: ['title']
}
</script>

<style lang="scss">
.empty-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #F7F7F7;

	&-image {
		width: 374rpx;
		height: 289rpx;
		margin-bottom: 60rpx;
	}
}
</style>
